<!-- 搜索框 -->
<template>
    <div class="input">
        <div class="com">
            <van-icon class="search" name="search" />
            <p>搜索鲜花、礼品、蛋糕</p>
        </div>
    </div>
</template>

<script>
    export default{
        name:"Input"
    }
</script>
<style scoped>
    .input{
        background: #fff;
        border-bottom:1px solid #ddd;
        
    }
    .com{
        height:.72rem;
        border-radius: .5rem;
        margin:.08rem .24rem;
        color:#71797F;
        background-color: #F3F5F7;
        line-height: .72rem;
        display: flex;
        align-items: center;
    }
    .search{
        font-size:.5rem;
        color: #B0B3B6;
        margin:0 .3rem;
    }
</style>